<template>
<h1>猜数字游戏</h1>
<input type="text" placeholder="请输入要猜的数字" v-model="num">
  <button @click="guess">猜一猜</button>
  <h3>{{result}}</h3>
</template>

<script setup>
import {ref} from "vue";

//生成随机数
let x=parseInt(Math.random()*100)+1;
//定义变量用来保存用户猜的数字
const num=ref('');
//定义变量用来展示最终的结果
const result = ref ('');
//定义猜数字的方法
const guess =()=>{
   console.log(num.value)
  if (num.value>x){
    result.value="猜大了，再来一次";
  }else if (num.value<x){
    result.value="猜小了，再来一次";
  }else{
    result.value="恭喜你猜对了";
  }
}




</script>


<style scoped>

</style>